{% extends "home/home.html" %}
{% import "ui/gene_page.html" as pg %}
{% block content %}
    <div id="main-wrapper">
        <div class="container">
            <a class="btn btn-lg btn-primary icon  fa-file-text-o" href="#">Gene List</a>
        </div>
        <hr>
        <div class="container">
            <table>
                <tbody>
                <tr>
                    <th>locus tag</th>
                    <th>start</th>
                    <th>stop</th>
                    <th>strand</th>
                </tr>
                {% for v in page_data.items %}
                    <tr>
                        <th>{{ v.locus_tag }}</th>
                        <th>{{ v.start }}</th>
                        <th>{{ v.stop }}</th>
                        <th>{{ v.strand }}</th>
                        </tr>
                {% endfor %}
                </tbody>
            </table>
            {% for msg in get_flashed_messages(category_filter=["ok"]) %}
                <p style="color: greenyellow">{{ msg }}</p>
            {% endfor %}
        </div>
        <div class="container">
            {{ pg.page(page_data, 'home.specie_gene') }}
        </div>
    </div>
{% endblock %}